﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Simple gallery</title>
    <link href="style.css" rel="stylesheet" />
</head>
<body>
    <header>
        <h1>Simple gallery</h1>
    </header>

    <div>
    <section>
        <form>
        <ul>
        <li><label for="lion"><img class="icons" src="images/lion.jpg" /></label></li>   
        
        <li><label for="tiger"><img class="icons" src="images/tiger.jpg" /></label></li>
          
        <li><label for="pantera"><img class="icons" src="images/pantera.jpg" /></label></li>
           
        <li><label for="surnichka"><img class="icons" src="images/surnichka.jpg" /></label></li>
          
        <li><label for="rabbit"><img class="icons" src="images/rabbit.jpg" /></label></li>
       </ul>
        <input id="lion" name="select" type="radio" checked="checked"/>
            <label for="lion">
                <img id="lionbig" src="images/lion.jpg" />
            </label>

        <input id="tiger" name="select" type="radio" />
            <label for="tiger">
                <img id="tigerbig" src="images/tiger.jpg" />
            </label> 

        <input id="pantera" name="select" type="radio" />
            <label for="pantera">
                <img id="panterabig" src="images/pantera.jpg" />
            </label>

        <input id="surnichka" name="select" type="radio" />
            <label for="surnichka">
                <img id="surnichkabig" src="images/surnichka.jpg" />
            </label>

        <input id="rabbit" name="select" type="radio" />
            <label for="rabbit">
                <img id="rabbitbig" src="images/rabbit.jpg" />
            </label>
        </form>
    </section>
    </div>
</body>
</html>